<template>
  <el-menu default-active="1-4-1" class="el-menu-vertical-demo" background-color="#13c2c2 " text-color="#fff"
    active-text-color="#006d75" :collapse="collapse">
    <el-submenu index="1">
      <template slot="title">
        <i class="iconfont icon-zhuye"></i>
        <span class="ant-menu-title-content">首页</span>
      </template>
      <el-menu-item-group>
        <el-menu-item index="1-1"><router-link to="/home">首页</router-link></el-menu-item>
      </el-menu-item-group>
    </el-submenu>
    <el-submenu index="2">
      <template slot="title">
        <i class="iconfont icon-chanpin"></i>
        <span>产品</span>
      </template>
      <el-menu-item-group>
        <el-submenu index="2-1">
          <template slot="title">
            <span class="iconfont icon-chanpinguanli"></span>
            <span>产品管理</span>
          </template>
          <el-menu-item index="2-1-1"><router-link to="/product/list">产品列表</router-link></el-menu-item>
          <el-menu-item index="2-1-2"><router-link to="/product/edit">产品新建</router-link>
          </el-menu-item>
          <el-menu-item index="2-1-3"><router-link to="/product/detail">产品详情</router-link>
          </el-menu-item>
        </el-submenu>
      </el-menu-item-group>
    </el-submenu>
    <el-submenu index="3">
      <template slot="title">
        <i class="iconfont icon-icon-"></i>
        <span>采购</span>
      </template>
      <el-menu-item-group>
        <el-submenu index="3-1">
          <template slot="title">
            <span class="iconfont icon-shujuguanli"></span>
            <span>供应商管理</span>
          </template>
          <el-menu-item index="3-1-1"><router-link to="/supplier/list">供应商列表</router-link></el-menu-item>
          <el-menu-item index="3-1-2">
            <router-link to="/supplier/new">供应商新增</router-link>
          </el-menu-item>
          <el-menu-item index="3-1-3">
            <router-link to="/supplier/detail">供应商详情</router-link>
          </el-menu-item>
          <el-menu-item index="3-1-4">
            <router-link to="/supplier/edit">供应商编辑</router-link>
          </el-menu-item>
        </el-submenu>
      </el-menu-item-group>
    </el-submenu>
    <!-- 门店 -->
    <el-submenu index="4">
      <template slot="title">
        <i class="iconfont icon-RectangleCopy"></i>
        <span>门店</span>
      </template>
      <el-menu-item-group>
        <el-submenu index="4-1">
          <template slot="title">
            <span class="iconfont icon-yangpinjiaji"></span>
            <span>门店管理</span>
          </template>
          <el-menu-item index="4-1-1"><router-link to="/shop/list">门店列表</router-link></el-menu-item>
          <el-menu-item index="4-1-2">
            <router-link to="/shop/edit">门店编辑</router-link>
          </el-menu-item>
          <el-menu-item index="4-1-2">
            <router-link to="/shop/detail">门店详情</router-link>
          </el-menu-item>
        </el-submenu>
        <el-menu-item-group>
          <el-submenu index="4-2">
            <template slot="title">
              <i class="iconfont icon-zhuandan"></i>
              <span>货架管理</span>
            </template>
            <el-menu-item index="4-2-1"><router-link to="/shop/shelves/list">货架列表</router-link></el-menu-item>
          </el-submenu>
        </el-menu-item-group>
      </el-menu-item-group>
    </el-submenu>
  </el-menu>
</template>
<script>
export default {
  props: {
    collapse: {
      type: Boolean,
      default: false
    }
  },

}
</script>
<style>

</style>